page {
	background: $uni-bg-color;
}

.container {
	padding-top: 115px;
	position: relative;
}

.wrapper {
	position: relative;
	z-index: 90;
	padding-bottom: 60upx;
	
	.welcome {
		position: relative;
		left: 50upx;
		top: -90upx;
		font-size: 46upx;
		color: #555;
		text-shadow: 1px 0px 1px rgba(0, 0, 0, .3);
	}
	
	.input-content {
		padding: 0 60upx;
		
		.input-item {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: center;
			padding: 0 30upx;
			background: $uni-bg-color-grey;
			height: 120upx;
			border-radius: 4px;
			margin-bottom: 50upx;
		
			&:last-child {
				margin-bottom: 0;
			}
		
			text {
				height: 50upx;
				line-height: 56upx;
				font-size: $uni-font-size-base;
				color: $uni-text-color-dark;
			}
		
			input {
				height: 60upx;
				font-size: $uni-font-size-base;
				color: $uni-text-color-placeholder;
				width: 100%;
			}
		}
	}

	.confirm-btn {
		width: 630upx;
		height: 76upx;
		line-height: 76upx;
		border-radius: 50px;
		margin-top: 70upx;
		background: $uni-color-primary;
		color: #fff;
		font-size: $uni-font-size-lg;

		&:after {
			border-radius: 100px;
		}
	}

	.forget-section {
		font-size: $uni-font-size-base;
		color: $uni-text-color;
		text-align: center;
		margin-top: 40upx;
	}
}

.register-section {
	position: fixed;
	bottom: 50upx;
	width: 100%;
	font-size:  $uni-font-size-base;
	color: $uni-text-color;
	text-align: center;

	text {
		color: $uni-bg-color-pink;
		margin-left: 10upx;
	}
}
